<template>
  <div class="con">
    <div class="dishes-list">
      <div class="dishes-type">
        <el-button size="large" type="primary">dfsafs</el-button>
        <el-button size="large" type="primary">dfsafs</el-button>
        <el-button size="large" type="primary">dfsafs</el-button>
        <el-button size="large" type="primary">dfsafs</el-button>
        <el-button size="large" type="primary">dfsafs</el-button>
      </div>
    </div>
    <div v-if="isShowCar" class="dishes-car">


    </div>
  </div>

</template>

<script setup lang="ts">
import {ref} from 'vue'
const isShowCar = ref(true)

</script>

<style scoped>
.con{
  height: 100%;
  width: 100%;
  display: flex;
}
.dishes-list{
  height: 100%;
  width: 70%;
  display: flex;
  justify-content: center;
}
.dishes-car{
  height: 100%;
  width: 30%;
  background: #FFFFFF;
}
.dishes-type{
  position: relative;
  top: 6%;
  width: 90%;
  height: 10%;
  display: flex;
  justify-content: space-around;
  align-items: center;
}
</style>